*{margin: 0;padding: 0;  box-sizing: border-box}
li{list-style: none;}
a{text-decoration: none;}
a:-webkit-any-link{text-decoration: none;}
a:hover{text-decoration: none;}
.bgFFF{ background: #FFF !important}
.w780{ width: 780px !important; height: auto !important; overflow: hidden}
.w1155{ width: 1155px !important; height: auto !important; overflow: hidden}
.w1048{ width: 1048px !important; height: auto !important; overflow: hidden}
body,.container{ min-width: 1200px !important}
body{ padding-top: 70px}
.mainNav{ position: fixed; top: 0; left: 0; z-index: 999999; background: #FFF; width: 100%; text-align: center; height: 70px; border-bottom: #999 solid 1px}
.mainNav .navbar-nav{ float: inherit !important; margin: 0 auto !important; display: inline-block; width: auto}

/*	导航		*/
.set-logo-color{margin-top: 14px;}
.set-logo-color .set-font-top{font-size: 22px;padding-left: 9px;}
.set-logo-color .set-font-bot{font-size: 12px;}
.set-font-color{color: #389CFF;}
.set-logo-color p{margin: 0;}
.set-two-li{margin-left: 250px;}
.set-font-tel{font: 23px/70px "微软雅黑";height: 70px;margin-left: 70px;}
.navbar-nav .set-font-li a{width: 100%;height: 100%;display: inline-block;font: 18px/71px "微软雅黑";padding: 0 19px;color: #000;}
.nav .open:hover>a, .nav .open>a:focus, .nav .open>a:hover{color: #389CFF; border-right:1px solid rgba(0,0,0,.15);border-left:1px solid rgba(0,0,0,.15);border-bottom: 1px solid transparent;background-color:transparent ;z-index: 1001;}
.nav>li>a:focus, .nav>li>a:hover{background-color: transparent;}
.dropdown-menu {top: 98%;}
.navbar-nav .set-font-li a:hover{color: #389CFF;}
.navbar-nav .dropdown-menu a{height: 30px;font: 16px/30px "微软雅黑";}
.set-font-tel .icon-kefu{font-size: 26px;padding-right: 10px;}

/*	底部		*/
.footer-bot{height:90px;width: 100%;background:#333 ;}
.footer-bot-form{color: #fff;text-align: center;font: 14px/90px "微软雅黑"; margin-bottom: 0}

/*	B2B2B多级	*/
.sec-source{height: auto; overflow: hidden; width: 100%;background: #f9f9f9;}
.sec-source .sec-source-inner{width: 1190px;margin: 0 auto;padding-top: 65px;text-align: center;}
.sec-source-inner .b2b-title{font-family: "微软雅黑";font-size: 36px;color: #333;font-weight: bold;}
.sec-source-inner .b2b-details{font-family: "微软雅黑";font-size: 18px;color: #666;margin-top: 59px;}
.sec-source-img{width: 617px;height: 321px;margin: 59px auto;}
.sec-source-img img{width: 100%;height: 100%;}

.set-font-li.active a.link{ border-bottom: #389cff solid 2px; color: #389cff; height: 70px}

.set-font-li.open a{ border-left: transparent 1px solid; border-right: transparent 1px solid; background: transparent;}
.set-font-li.open:hover a{ border-bottom: none !important; background: #FFF}
.set-font-li.open .dropdown-menu{ display: none; z-index: 0; background: #FFF}
.set-font-li.open:hover .dropdown-menu{ display: block}

/* footer-top */
.footer-top{width: 100%;height: 435px;background: url(../imgs/footer-top.png) no-repeat center;}
.footer-top-inner{width: 1200px;margin: 0 auto;overflow: hidden;}
.footer-top-font{text-align: center;margin-top: 126px;font-size: 50px;color: #333;}
.solution{width: 368px;height: 60px;background: #389CFF;font: 30px/60px "微软雅黑";color: #fff;text-align: center;border-radius: 5px;margin: 94px auto; cursor: pointer}

/* 浮动的盒子(联系方式) */
.contact-yours{width: 800px;height:504px;background: rgba(0,0,0,.7);overflow: hidden;position:fixed;left:0;right:0;top:0; margin:auto;z-index: 2;opacity: 0;display: none;}
.contact-solution,.contact-sevice{text-align: center;color: #fff;font-family:"微软雅黑" ;overflow: hidden;}
.contact-solution{font-size: 36px;margin-top: 61px;}
.contact-sevice{font-size: 24px;margin-top: 39px;}
.contact-input{margin: 43px auto;width: 562px;}
.form-control{height: 56px;background: #acacaf;color: #fff;font: 18px/56px "微软雅黑";}
.input-group input::-webkit-input-placeholder{color: #fff;}
.input-group-btn button{height: 56px;background: #333132;color: #fff;font-size: 24px;font-family: "arial";}
.contact-chat{width: 137px;height:137px;margin: 46px auto;}
.contact-chat img{width:100%;height: 100%;}
.contact-yours i{color: #fff;position: absolute;top: 23px;right: 23px;font-size: 26px;width: 27px;height: 27px; cursor: pointer}
.contact-active{opacity: 0;}

.solutionList{ width: 1110px; height: auto; overflow: hidden; margin: 0 auto; padding-bottom: 40px}
.solutionList ul{ width: 100%; height: auto; overflow: hidden}
.solutionList ul li{ float: left; width: 370px; height: auto; overflow: hidden; padding: 0 24px; margin-top: 40px}
.solutionList ul li .topTitle{ display: block; width: 100%; text-align: center; font-size: 20px; color: #333; line-height: 1; margin-top: 4px}
.solutionList ul li .det{ display: block; width: 100%; text-align: center; font-size: 14px; color: #666; line-height: 26px; margin-top: 24px}

.subBanner{ width: 100%; height: auto; overflow: hidden}
.subBanner img{ float: left; width: 100%; height: auto; overflow: hidden}
.aboutContain{ width: 1200px; height: auto; margin: 0 auto}
.aboutContain .topTit{ width: 1200px; height: 166px; overflow: hidden; background: url(../imgs/about01.png) no-repeat center}
.aboutContain .topTit .text{ display: block; width: 100%; height: 166px; text-align: center; line-height: 166px; font-size: 36px; color: #333}
.aboutBox{ width: 100%; height: auto; overflow: hidden; box-shadow: #eee 0 0 10px 5px; padding: 60px}
.aboutBox .pic{ float: left; width: 533px; height: 302px}
.aboutBox .det{ float: right; display: block; width: 505px; height: 302px; overflow: hidden; margin-bottom: 0; font-size: 24px; line-height: 50px; color: #666; text-indent: 2em}
.bgGray{ width: 100%; height: auto; overflow: hidden; background: #f9f9f9; margin-top: 60px; padding-bottom: 48px}
.aboutList{ width: 100%; height: auto; overflow: hidden}
.aboutList ul{ width: 100%; height: auto; overflow: hidden}
.aboutList li{ width: 400px; height: auto; overflow: hidden; float: left}
.aboutList li .block{ width: 100%; height: 228px; text-align: center}
.aboutList li .block .text{ display: inline-block; width: 228px; height: 228px; text-align: center; background: #87bfff; line-height: 228px; border-radius: 50%; font-size: 36px; color: #FFF}
.aboutList li:nth-child(2) .block .text{ background: #ff97a3}
.aboutList li:nth-child(3) .block .text{ background: #9ed781}
.aboutList li .det{ display: block; width: 100%; text-align: center; font-size: 24px; line-height: 40px; color: #666; margin-bottom: 0}
.aboutList li .det:nth-child(2){ margin-top: 28px}
.aboutBot{ width: 100%; height: 590px; overflow: hidden; background: url("../imgs/about03.jpg") no-repeat center; background-size: 100% 100%}
.aboutBot .topTit .text{ color: #FFF}
.aboutBot .botBox{ width: 100%; height: 414px; margin-top: 10px; overflow: hidden; position: relative}
.aboutBot .botBox .number{ display: block; width: 100%; font-size: 60px; color: #FFF; line-height: 54px}
.aboutBot .botBox .line{ width: 100%; height: auto; overflow: hidden; margin-top: 74px}
.aboutBot .botBox .line .pic{ float: left; width: 222px; height: 222px}
.aboutBot .botBox .line .infBox{ float: left; width: 422px; height: auto; overflow: hidden; margin-left: 24px}
.aboutBot .botBox .line .infBox .text{ display: block; width: 100%; height: auto; overflow: hidden; margin-bottom: 10px; margin-top: -3px}
.aboutBot .botBox .line .infBox .text .name{ float: left; font-size: 24px; color: #389cff; line-height: 42px; display: block; width: 80px}
.aboutBot .botBox .line .infBox .text .det{ float: right; font-size: 24px; color: #FFF; line-height: 42px; display: block; width: 342px}
.aboutBot .botBox .line .rightText{ float: right; font-size: 28px; line-height: 1; color: #389cff; font-weight: bold; margin-top: 180px}
.aboutBot .botBox .tellBox{ width: 268px; height: 181px; position: absolute; top: 0; right: 175px; background: url("../imgs/about05.jpg") no-repeat center}
.aboutBot .botBox .tellBox .busiName{ display: block; width: 100%; text-align: center; font-size: 16px; line-height: 1; color: #c7c7c7; margin-top: 26px}
.aboutBot .botBox .tellBox .tell{ display: block; width: 100%; text-align: center; font-size: 16px; line-height: 1; color: #389cff; margin-top: 20px}

.showPopup{ cursor: pointer}